<template>
  <el-form :inline="true" :model="formInline" label-position="left" v-for="(f, fk) in formInline" :key="fk">
    <el-row>
      <el-col :span="24">
        <el-form-item label="处方编号:">
          <el-text>{{ f.order_sn }}</el-text>
        </el-form-item>
      </el-col>
    </el-row>
    <el-form-item label="药房:">
      <el-text>{{ f.drugstore }}</el-text>
    </el-form-item>
    <el-form-item label="药态:">
      <el-text>{{ f.drug_process }}</el-text>
    </el-form-item>
    <el-form-item label="总剂量:">
      <el-text>{{ f.use_limit }}</el-text>
    </el-form-item>
    <el-row>
      <el-col :span="24">
        <el-form-item label="费用:">
          <el-text>{{ f.cook_money }}元</el-text>
        </el-form-item>
      </el-col>
    </el-row>
  </el-form>
</template>

<script setup>
import {
  onBeforeMount,
  ref,
} from 'vue'
import {prescriptionProcess} from "@/api/orderManage/recipeOrder";
const props = defineProps({
  prescriptionOrderId: { type: String },
  prescriptionId: { type: String },
})
const formInline = ref({})

/**
 * 获取加工费信息
 * @returns {Promise<void>}
 */
const getPrescriptionProcess = async() => {
  const res = await prescriptionProcess({
    prescription_order_id: props.prescriptionOrderId,
    prescription_id: props.prescriptionId
  })
  formInline.value = res.data
}

onBeforeMount(() => {
  getPrescriptionProcess()
})
</script>

<style lang="scss" scoped>

</style>